import TodoHeader from './components/TodoHeader'
import TodoMain from './components/TodoMain'
import TodoFooter from './components/TodoFooter'
import { useSelector } from 'react-redux'

export default function App() {
  const list = useSelector((state) => state.todos)
  console.log(list)
  return (
    <section className="todoapp">
      <TodoHeader></TodoHeader>
      <TodoMain></TodoMain>
      <TodoFooter></TodoFooter>
    </section>
  )
}
